<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>商品详情</title>
		<!-- 设置网页图标 -->
		<link rel="icon" href="img/favicon.ico">
		<!-- 字体图标 -->
		<link rel="stylesheet" href="https://at.alicdn.com/t/c/font_4720093_96vdd98prne.css" />
		<!-- 重置网页默认的效果的css文件 -->
		<link rel="stylesheet" href="css/reset.css"/>
		<!-- 顶部黑色导航区域和白色导航区域的效果css文件 -->
		<link rel="stylesheet" href="css/topbar_nav.css">
		<!-- 头部CSS -->
		<link rel="stylesheet" href="css/details_css/top.css" />
		<!-- 商品详情CSS -->
		<link rel="stylesheet" href="css/details_css/product_details.css" />
		<link rel="stylesheet" href="css/footer.css" />
		<link rel="stylesheet" href="css/right_menu.css" />
	</head>
	<body>
		<!-- 顶部黑色导航区域 -->
		<div class="black-nav">
			<div class="wrap">
				<!-- 左边的列表菜单 -->
				<ul class="nav-left">
					<li><a href="">小米官网</a><span>|</span></li>
					<li><a href="">小米商城</a><span>|</span></li>
					<li><a href="">小米澎湃OS</a><span>|</span></li>
					<li><a href="">小米汽车</a><span>|</span></li>
					<li><a href="">云服务</a><span>|</span></li>
					<li><a href="">IoT</a><span>|</span></li>
					<li><a href="">有品</a><span>|</span></li>
					<li><a href="">小爱开放平台</a><span>|</span></li>
					<li><a href="">资质证照</a><span>|</span></li>
					<li><a href="">协议规则</a><span>|</span></li>
					<li>
						<a href="">
							下载app
						</a>
						<span>|</span>
						<!-- 二维码图片 -->
						<div class="appcode">
							<img src="img/download.png" alt="">
							<p>小米商城APP</p>
						</div>
						<!-- 小三角 -->
						<div class="stri"></div>
					</li>
					<li><a href="">Select Location</a></li>
				</ul>
				<!-- 右边的菜单列表 -->
				<ul class="nav-right">
					<li><a href="">登录</a><span>|</span></li>
					<li><a href="">注册</a><span>|</span></li>
					<li><a href="">消息通知</a></li>
					<li class="cart">
						<a href="">
							<i class="iconfont icon-gouwuchekong"></i> 
							购物车(0)
						</a>
						<div class="cart-list">
							购物车中还没有商品，赶紧选购吧！
						</div>
					</li>
				</ul>
			</div>
		</div>
		<!-- 黑色导航区域结束 -->
		<!-- 白色导航区域 -->
		<div class="white-nav">
			<div class="wrap">
				<!-- LOGO区域 -->
				<div class="logo">
					<div class="logo-box">
						<a href="">
							<img class="logo-img" src="img/logo-footer.png" alt="">
							<img class="home-img" src="img/logo.png" alt="">
						</a>
					</div>
				</div>
				<!-- 中间的菜单列表区域 -->
				<div class="nav-bar">
					<ul class="shop-all">
						<li>
							<a href="">全部商品分类</a>
							<!-- 侧边栏 -->
							<div class="slide">
								<ul>
									<li>
										<a href="">手机</a>
										<i class="iconfont icon-icon"></i>
										<div class="slide-list slide-list-width-one">
											<ul>
												<li>
													<a href="">
														<img src="img/4041dfcbaa3166d1c247f5dd2613a76b.png" alt="">
														<span>Xiaomi MIX系列</span>
													</a>
												</li>
												<li>
													<a href="">
														<img src="img/4041dfcbaa3166d1c247f5dd2613a76b.png" alt="">
														<span>Xiaomi 数字旗舰</span>
													</a>
												</li>
												<li>
													<a href="">
														<img src="img/4041dfcbaa3166d1c247f5dd2613a76b.png" alt="">
														<span>Xiaomi Civi系列</span>
													</a>
												</li>
												<li>
													<a href="">
														<img src="img/4041dfcbaa3166d1c247f5dd2613a76b.png" alt="">
														<span>Redmi K系列</span>
													</a>
												</li>
												<li>
													<a href="">
														<img src="img/4041dfcbaa3166d1c247f5dd2613a76b.png" alt="">
														<span>Redmi Turbo系列</span>
													</a>
												</li>
												<li>
													<a href="">
														<img src="img/4041dfcbaa3166d1c247f5dd2613a76b.png" alt="">
														<span>Redmi Note系列</span>
													</a>
												</li>
											</ul>
											<ul>
												<li>
													<a href="">
														<img src="img/bb9e4a367f854221b60bb7b3b05e0173.png" alt="">
														<span>Redmi 数字系列</span>
													</a>
												</li>
											</ul>
										</div>
									</li>
									<li>
										<a href="">电视</a>
										<i class="iconfont icon-icon"></i>
										<div class="slide-list slide-list-width-one">
											<ul>
												<li>
													<a href="">
														<img src="img/9130e19fd3d14426e6f21b933a6415bf.png" alt="">
														<span>小米电视 S Pro Mini LED</span>
													</a>
												</li>
												<li>
													<a href="">
														<img src="img/9130e19fd3d14426e6f21b933a6415bf.png" alt="">
														<span>小米电视S Mini LED系列</span>
													</a>
												</li>
												<li>
													<a href="">
														<img src="img/9130e19fd3d14426e6f21b933a6415bf.png" alt="">
														<span>Redmi 智能电视 X 2025款</span>
													</a>
												</li>
												<li>
													<a href="">
														<img src="img/9130e19fd3d14426e6f21b933a6415bf.png" alt="">
														<span>Redmi 智能电视 A Pro系列</span>
													</a>
												</li>
												<li>
													<a href="">
														<img src="img/9130e19fd3d14426e6f21b933a6415bf.png" alt="">
														<span>小米电视A竞技系列</span>
													</a>
												</li>
												<li>
													<a href="">
														<img src="img/9130e19fd3d14426e6f21b933a6415bf.png" alt="">
														<span>Redmi电视 A系列 2025</span>
													</a>
												</li>
											</ul>
											<ul>
												<li>
													<a href="">
														<img src="img/fb29bd1fdc24747f29a1391842e7249b.png" alt="">
														<span>Redmi电视MAX系列</span>
													</a>
												</li>
											</ul>
										</div>
									</li>
									<li>
										<a href="">家电</a>
										<i class="iconfont icon-icon"></i>
										<div class="slide-list slide-list-width-three">
											<ul>
												<li>
													<a href="">
														<img src="img/630b9e523bb2e1387ce6c7be1edaca18.png" alt="">
														<span>壁挂空调</span>
													</a>
												</li>
												<li>
													<a href="">
														<img src="img/630b9e523bb2e1387ce6c7be1edaca18.png" alt="">
														<span>壁挂空调</span>
													</a>
												</li>
												<li>
													<a href="">
														<img src="img/630b9e523bb2e1387ce6c7be1edaca18.png" alt="">
														<span>壁挂空调</span>
													</a>
												</li>
												<li>
													<a href="">
														<img src="img/630b9e523bb2e1387ce6c7be1edaca18.png" alt="">
														<span>壁挂空调</span>
													</a>
												</li>
												<li>
													<a href="">
														<img src="img/630b9e523bb2e1387ce6c7be1edaca18.png" alt="">
														<span>壁挂空调</span>
													</a>
												</li>
												<li>
													<a href="">
														<img src="img/630b9e523bb2e1387ce6c7be1edaca18.png" alt="">
														<span>壁挂空调</span>
													</a>
												</li>
											</ul>
											<ul>
												<li>
													<a href="">
														<img src="img/ce2cb16bdc44b5336c90e2d788d6c8e2.png" alt="">
														<span>除湿机</span>
													</a>
												</li>
												<li>
													<a href="">
														<img src="img/ce2cb16bdc44b5336c90e2d788d6c8e2.png" alt="">
														<span>除湿机</span>
													</a>
												</li>
												<li>
													<a href="">
														<img src="img/ce2cb16bdc44b5336c90e2d788d6c8e2.png" alt="">
														<span>除湿机</span>
													</a>
												</li>
												<li>
													<a href="">
														<img src="img/ce2cb16bdc44b5336c90e2d788d6c8e2.png" alt="">
														<span>除湿机</span>
													</a>
												</li>
												<li>
													<a href="">
														<img src="img/ce2cb16bdc44b5336c90e2d788d6c8e2.png" alt="">
														<span>除湿机</span>
													</a>
												</li>
												<li>
													<a href="">
														<img src="img/ce2cb16bdc44b5336c90e2d788d6c8e2.png" alt="">
														<span>除湿机</span>
													</a>
												</li>
											</ul>
											<ul>
												<li>
													<a href="">
														<img src="img/91ccbb3270bcfd72a3c3ae98f15aed9d.png" alt="">
														<span>洗碗机</span>
													</a>
												</li>
												<li>
													<a href="">
														<img src="img/91ccbb3270bcfd72a3c3ae98f15aed9d.png" alt="">
														<span>洗碗机</span>
													</a>
												</li>
												<li>
													<a href="">
														<img src="img/91ccbb3270bcfd72a3c3ae98f15aed9d.png" alt="">
														<span>洗碗机</span>
													</a>
												</li>
												<li>
													<a href="">
														<img src="img/91ccbb3270bcfd72a3c3ae98f15aed9d.png" alt="">
														<span>洗碗机</span>
													</a>
												</li>
												<li>
													<a href="">
														<img src="img/91ccbb3270bcfd72a3c3ae98f15aed9d.png" alt="">
														<span>洗碗机</span>
													</a>
												</li>
												<li>
													<a href="">
														<img src="img/91ccbb3270bcfd72a3c3ae98f15aed9d.png" alt="">
														<span>洗碗机</span>
													</a>
												</li>
											</ul>
											<ul>
												<li>
													<a href="">
														<img src="img/d93e6a98403262a506c9e9b22293cdae.jpg" alt="">
														<span>电磁炉</span>
													</a>
												</li>
												<li>
													<a href="">
														<img src="img/d93e6a98403262a506c9e9b22293cdae.jpg" alt="">
														<span>电磁炉</span>
													</a>
												</li>
												<li>
													<a href="">
														<img src="img/d93e6a98403262a506c9e9b22293cdae.jpg" alt="">
														<span>电磁炉</span>
													</a>
												</li>
												<li>
													<a href="">
														<img src="img/d93e6a98403262a506c9e9b22293cdae.jpg" alt="">
														<span>电磁炉</span>
													</a>
												</li>
												<li>
													<a href="">
														<img src="img/d93e6a98403262a506c9e9b22293cdae.jpg" alt="">
														<span>电磁炉</span>
													</a>
												</li>
												<li>
													<a href="">
														<img src="img/d93e6a98403262a506c9e9b22293cdae.jpg" alt="">
														<span>电磁炉</span>
													</a>
												</li>
											</ul>
										</div>
									</li>
									<li>
										<a href="">笔记本 平板 显示器</a>
										<i class="iconfont icon-icon"></i>
										<div class="slide-list slide-list-width-one">
											<ul>
												<li>
													<a href="">
														<img src="img/01093ece938a05e0e6e6b64299eb89ae.png" alt="">
														<span>Xiaomi Pad 7 Pro</span>
													</a>
												</li>
												<li>
													<a href="">
														<img src="img/01093ece938a05e0e6e6b64299eb89ae.png" alt="">
														<span>Xiaomi Pad 7 Pro</span>
													</a>
												</li>
												<li>
													<a href="">
														<img src="img/01093ece938a05e0e6e6b64299eb89ae.png" alt="">
														<span>Xiaomi Pad 7 Pro</span>
													</a>
												</li>
												<li>
													<a href="">
														<img src="img/01093ece938a05e0e6e6b64299eb89ae.png" alt="">
														<span>Xiaomi Pad 7 Pro</span>
													</a>
												</li>
												<li>
													<a href="">
														<img src="img/01093ece938a05e0e6e6b64299eb89ae.png" alt="">
														<span>Xiaomi Pad 7 Pro</span>
													</a>
												</li>
												<li>
													<a href="">
														<img src="img/01093ece938a05e0e6e6b64299eb89ae.png" alt="">
														<span>Xiaomi Pad 7 Pro</span>
													</a>
												</li>
											</ul>
											<ul>
												<li>
													<a href="">
														<img src="img/63710378af101deacce8b4986fdef250.png" alt="">
														<span>Xiaomi 平板</span>
													</a>
												</li>
												<li>
													<a href="">
														<img src="img/63710378af101deacce8b4986fdef250.png" alt="">
														<span>Xiaomi 平板</span>
													</a>
												</li>
												<li>
													<a href="">
														<img src="img/63710378af101deacce8b4986fdef250.png" alt="">
														<span>Xiaomi 平板</span>
													</a>
												</li>
												<li>
													<a href="">
														<img src="img/63710378af101deacce8b4986fdef250.png" alt="">
														<span>Xiaomi 平板</span>
													</a>
												</li>
												<li>
													<a href="">
														<img src="img/63710378af101deacce8b4986fdef250.png" alt="">
														<span>Xiaomi 平板</span>
													</a>
												</li>
												<li>
													<a href="">
														<img src="img/63710378af101deacce8b4986fdef250.png" alt="">
														<span>Xiaomi 平板</span>
													</a>
												</li>
											</ul>
										</div>
									</li>
									<li>
										<a href="">出行 穿戴</a>
										<i class="iconfont icon-icon"></i>
										<div class="slide-list slide-list-width-three">
											<ul>
												<li>
													<a href="">
														<img src="img/6f3f4fad1bc8ef497b9023dffedbe338.png" alt="">
														<span>REDMI Watch 5</span>
													</a>
												</li>
												<li>
													<a href="">
														<img src="img/6f3f4fad1bc8ef497b9023dffedbe338.png" alt="">
														<span>REDMI Watch 5</span>
													</a>
												</li>
												<li>
													<a href="">
														<img src="img/6f3f4fad1bc8ef497b9023dffedbe338.png" alt="">
														<span>REDMI Watch 5</span>
													</a>
												</li>
												<li>
													<a href="">
														<img src="img/6f3f4fad1bc8ef497b9023dffedbe338.png" alt="">
														<span>REDMI Watch 5</span>
													</a>
												</li>
												<li>
													<a href="">
														<img src="img/6f3f4fad1bc8ef497b9023dffedbe338.png" alt="">
														<span>REDMI Watch 5</span>
													</a>
												</li>
												<li>
													<a href="">
														<img src="img/6f3f4fad1bc8ef497b9023dffedbe338.png" alt="">
														<span>REDMI Watch 5</span>
													</a>
												</li>
											</ul>
											<ul>
												<li>
													<a href="">
														<img src="img/5f1a142b30ae28479510eab9b048580b.png" alt="">
														<span>Xiaomi Watch S4</span>
													</a>
												</li>
												<li>
													<a href="">
														<img src="img/5f1a142b30ae28479510eab9b048580b.png" alt="">
														<span>Xiaomi Watch S4</span>
													</a>
												</li>
												<li>
													<a href="">
														<img src="img/5f1a142b30ae28479510eab9b048580b.png" alt="">
														<span>Xiaomi Watch S4</span>
													</a>
												</li>
												<li>
													<a href="">
														<img src="img/5f1a142b30ae28479510eab9b048580b.png" alt="">
														<span>Xiaomi Watch S4</span>
													</a>
												</li>
												<li>
													<a href="">
														<img src="img/5f1a142b30ae28479510eab9b048580b.png" alt="">
														<span>Xiaomi Watch S4</span>
													</a>
												</li>
												<li>
													<a href="">
														<img src="img/5f1a142b30ae28479510eab9b048580b.png" alt="">
														<span>Xiaomi Watch S4</span>
													</a>
												</li>
											</ul>
											<ul>
												<li>
													<a href="">
														<img src="img/50180b158690a40f9cbc684c7646d297.jpg" alt="">
														<span>九号平衡车</span>
													</a>
												</li>
												<li>
													<a href="">
														<img src="img/50180b158690a40f9cbc684c7646d297.jpg" alt="">
														<span>九号平衡车</span>
													</a>
												</li>
												<li>
													<a href="">
														<img src="img/50180b158690a40f9cbc684c7646d297.jpg" alt="">
														<span>九号平衡车</span>
													</a>
												</li>
												<li>
													<a href="">
														<img src="img/50180b158690a40f9cbc684c7646d297.jpg" alt="">
														<span>九号平衡车</span>
													</a>
												</li>
												<li>
													<a href="">
														<img src="img/50180b158690a40f9cbc684c7646d297.jpg" alt="">
														<span>九号平衡车</span>
													</a>
												</li>
												<li>
													<a href="">
														<img src="img/50180b158690a40f9cbc684c7646d297.jpg" alt="">
														<span>九号平衡车</span>
													</a>
												</li>
											</ul>
											<ul>
												<li>
													<a href="">
														<img src="img/02944ae550c085526b0f4954d84f1de0.png" alt="">
														<span>九号卡丁车兰博基尼</span>
													</a>
												</li>
												<li>
													<a href="">
														<img src="img/02944ae550c085526b0f4954d84f1de0.png" alt="">
														<span>九号卡丁车兰博基尼</span>
													</a>
												</li>
												<li>
													<a href="">
														<img src="img/02944ae550c085526b0f4954d84f1de0.png" alt="">
														<span>九号卡丁车兰博基尼</span>
													</a>
												</li>
												<li>
													<a href="">
														<img src="img/02944ae550c085526b0f4954d84f1de0.png" alt="">
														<span>九号卡丁车兰博基尼</span>
													</a>
												</li>
												<li>
													<a href="">
														<img src="img/02944ae550c085526b0f4954d84f1de0.png" alt="">
														<span>九号卡丁车兰博基尼</span>
													</a>
												</li>
												
											</ul>
										</div>
									</li>
									<li><a href="">耳机 音箱</a><i class="iconfont icon-icon"></i></li>
									<li><a href="">健康 儿童</a><i class="iconfont icon-icon"></i></li>
									<li><a href="">生活 箱包</a><i class="iconfont icon-icon"></i></li>
									<li><a href="">智能 路由器</a><i class="iconfont icon-icon"></i></li>
									<li><a href="">电源 配件</a><i class="iconfont icon-icon"></i></li>
								</ul>
							</div>
						</li>
						
					</ul>
					
					<ul class="nav-bar-shop">
						<li><a href="">Xiaomi手机</a></li>
						<li><a href="">REDMI手机</a></li>
						<li><a href="">电视</a></li>
						<li><a href="">笔记本</a></li>
						<li><a href="">平板</a></li>
						<li><a href="">家电</a></li>
						<li><a href="">路由器</a></li>
						<div class="nav-list">
							<div class="wrap">
								<ul class="nav-list-dateils">
									<li>
										<a href="">
											<div class="img-box">
												<img src="img/d0acdc0fc97f894fc1c698522e8e1cc9.png" alt="">
											</div>
										</a>
										<p class="nav-name">xiaomi 15</p>
										<p class="nav-price">4499起</p>
									</li>
									<li>
										<a href="">
											<div class="img-box">
												<img src="img/b17e107bd68b683c92e2245715bb7e54.png" alt="">
											</div>
										</a>
										<p class="nav-name">Xiaomi 15 定制版</p>
										<p class="nav-price">4999起</p>
									</li>
									<li>
										<a href="">
											<div class="img-box">
												<img src="img/d0acdc0fc97f894fc1c698522e8e1cc9.png" alt="">
											</div>
										</a>
										<p class="nav-name">xiaomi 15</p>
										<p class="nav-price">4499起</p>
									</li>
									<li>
										<a href="">
											<div class="img-box">
												<img src="img/b17e107bd68b683c92e2245715bb7e54.png" alt="">
											</div>
										</a>
										<p class="nav-name">Xiaomi 15 定制版</p>
										<p class="nav-price">4999起</p>
									</li>
									<li>
										<a href="">
											<div class="img-box">
												<img src="img/d0acdc0fc97f894fc1c698522e8e1cc9.png" alt="">
											</div>
										</a>
										<p class="nav-name">xiaomi 15</p>
										<p class="nav-price">4499起</p>
									</li>
									<li>
										<a href="">
											<div class="img-box">
												<img src="img/b17e107bd68b683c92e2245715bb7e54.png" alt="">
											</div>
										</a>
										<p class="nav-name">Xiaomi 15 定制版</p>
										<p class="nav-price">4999起</p>
									</li>
								</ul>
								<ul class="nav-list-dateils">
									<li>
										<a href="">
											<div class="img-box">
												<img src="img/08f9d298aa64bd81b4c01891266e4572.png" alt="">
											</div>
										</a>
										<p class="nav-name">xiaomi 15</p>
										<p class="nav-price">4499起</p>
									</li>
									<li>
										<a href="">
											<div class="img-box">
												<img src="img/08f9d298aa64bd81b4c01891266e4572.png" alt="">
											</div>
										</a>
										<p class="nav-name">xiaomi 15</p>
										<p class="nav-price">4499起</p>
									</li>
									<li>
										<a href="">
											<div class="img-box">
												<img src="img/08f9d298aa64bd81b4c01891266e4572.png" alt="">
											</div>
										</a>
										<p class="nav-name">xiaomi 15</p>
										<p class="nav-price">4499起</p>
									</li>
									<li>
										<a href="">
											<div class="img-box">
												<img src="img/08f9d298aa64bd81b4c01891266e4572.png" alt="">
											</div>
										</a>
										<p class="nav-name">xiaomi 15</p>
										<p class="nav-price">4499起</p>
									</li>
									<li>
										<a href="">
											<div class="img-box">
												<img src="img/08f9d298aa64bd81b4c01891266e4572.png" alt="">
											</div>
										</a>
										<p class="nav-name">xiaomi 15</p>
										<p class="nav-price">4499起</p>
									</li>
									<li>
										<a href="">
											<div class="img-box">
												<img src="img/08f9d298aa64bd81b4c01891266e4572.png" alt="">
											</div>
										</a>
										<p class="nav-name">xiaomi 15</p>
										<p class="nav-price">4499起</p>
									</li>
								</ul>
								<ul class="nav-list-dateils">
									<li>
										<a href="">
											<div class="img-box">
												<img src="img/c3e9eafd588b3994ec7f370379ecd2f4.jpg" alt="">
											</div>
										</a>
										<p class="nav-name">xiaomi 15</p>
										<p class="nav-price">4499起</p>
									</li>
									<li>
										<a href="">
											<div class="img-box">
												<img src="img/c3e9eafd588b3994ec7f370379ecd2f4.jpg" alt="">
											</div>
										</a>
										<p class="nav-name">xiaomi 15</p>
										<p class="nav-price">4499起</p>
									</li>
									<li>
										<a href="">
											<div class="img-box">
												<img src="img/c3e9eafd588b3994ec7f370379ecd2f4.jpg" alt="">
											</div>
										</a>
										<p class="nav-name">xiaomi 15</p>
										<p class="nav-price">4499起</p>
									</li>
									<li>
										<a href="">
											<div class="img-box">
												<img src="img/c3e9eafd588b3994ec7f370379ecd2f4.jpg" alt="">
											</div>
										</a>
										<p class="nav-name">xiaomi 15</p>
										<p class="nav-price">4499起</p>
									</li>
									<li>
										<a href="">
											<div class="img-box">
												<img src="img/c3e9eafd588b3994ec7f370379ecd2f4.jpg" alt="">
											</div>
										</a>
										<p class="nav-name">xiaomi 15</p>
										<p class="nav-price">4499起</p>
									</li>
									<li>
										<a href="">
											<div class="img-box">
												<img src="img/c3e9eafd588b3994ec7f370379ecd2f4.jpg" alt="">
											</div>
										</a>
										<p class="nav-name">xiaomi 15</p>
										<p class="nav-price">4499起</p>
									</li>
								</ul>
								<ul class="nav-list-dateils">
									<li>
										<a href="">
											<div class="img-box">
												<img src="img/3a5d8336e401924d82e77c105bc90b8d.png" alt="">
											</div>
										</a>
										<p class="nav-name">xiaomi 15</p>
										<p class="nav-price">4499起</p>
									</li>
									<li>
										<a href="">
											<div class="img-box">
												<img src="img/3a5d8336e401924d82e77c105bc90b8d.png" alt="">
											</div>
										</a>
										<p class="nav-name">xiaomi 15</p>
										<p class="nav-price">4499起</p>
									</li>
									<li>
										<a href="">
											<div class="img-box">
												<img src="img/3a5d8336e401924d82e77c105bc90b8d.png" alt="">
											</div>
										</a>
										<p class="nav-name">xiaomi 15</p>
										<p class="nav-price">4499起</p>
									</li>
									<li>
										<a href="">
											<div class="img-box">
												<img src="img/3a5d8336e401924d82e77c105bc90b8d.png" alt="">
											</div>
										</a>
										<p class="nav-name">xiaomi 15</p>
										<p class="nav-price">4499起</p>
									</li>
									<li>
										<a href="">
											<div class="img-box">
												<img src="img/3a5d8336e401924d82e77c105bc90b8d.png" alt="">
											</div>
										</a>
										<p class="nav-name">xiaomi 15</p>
										<p class="nav-price">4499起</p>
									</li>
									<li>
										<a href="">
											<div class="img-box">
												<img src="img/3a5d8336e401924d82e77c105bc90b8d.png" alt="">
											</div>
										</a>
										<p class="nav-name">xiaomi 15</p>
										<p class="nav-price">4499起</p>
									</li>
								</ul>
								<ul class="nav-list-dateils">
									<li>
										<a href="">
											<div class="img-box">
												<img src="img/db2d3127c6bf5b89488efa8f6fd85ded.png" alt="">
											</div>
										</a>
										<p class="nav-name">xiaomi 15</p>
										<p class="nav-price">4499起</p>
									</li>
									<li>
										<a href="">
											<div class="img-box">
												<img src="img/db2d3127c6bf5b89488efa8f6fd85ded.png" alt="">
											</div>
										</a>
										<p class="nav-name">xiaomi 15</p>
										<p class="nav-price">4499起</p>
									</li>
									<li>
										<a href="">
											<div class="img-box">
												<img src="img/db2d3127c6bf5b89488efa8f6fd85ded.png" alt="">
											</div>
										</a>
										<p class="nav-name">xiaomi 15</p>
										<p class="nav-price">4499起</p>
									</li>
									<li>
										<a href="">
											<div class="img-box">
												<img src="img/db2d3127c6bf5b89488efa8f6fd85ded.png" alt="">
											</div>
										</a>
										<p class="nav-name">xiaomi 15</p>
										<p class="nav-price">4499起</p>
									</li>
									<li>
										<a href="">
											<div class="img-box">
												<img src="img/db2d3127c6bf5b89488efa8f6fd85ded.png" alt="">
											</div>
										</a>
										<p class="nav-name">xiaomi 15</p>
										<p class="nav-price">4499起</p>
									</li>
									<li>
										<a href="">
											<div class="img-box">
												<img src="img/db2d3127c6bf5b89488efa8f6fd85ded.png" alt="">
											</div>
										</a>
										<p class="nav-name">xiaomi 15</p>
										<p class="nav-price">4499起</p>
									</li>
								</ul>
								<ul class="nav-list-dateils">
									<li>
										<a href="">
											<div class="img-box">
												<img src="img/531efbd4fd88b64a94079436851f56f1.png" alt="">
											</div>
										</a>
										<p class="nav-name">xiaomi 15</p>
										<p class="nav-price">4499起</p>
									</li>
									<li>
										<a href="">
											<div class="img-box">
												<img src="img/531efbd4fd88b64a94079436851f56f1.png" alt="">
											</div>
										</a>
										<p class="nav-name">xiaomi 15</p>
										<p class="nav-price">4499起</p>
									</li>
									<li>
										<a href="">
											<div class="img-box">
												<img src="img/531efbd4fd88b64a94079436851f56f1.png" alt="">
											</div>
										</a>
										<p class="nav-name">xiaomi 15</p>
										<p class="nav-price">4499起</p>
									</li>
									<li>
										<a href="">
											<div class="img-box">
												<img src="img/531efbd4fd88b64a94079436851f56f1.png" alt="">
											</div>
										</a>
										<p class="nav-name">xiaomi 15</p>
										<p class="nav-price">4499起</p>
									</li>
									<li>
										<a href="">
											<div class="img-box">
												<img src="img/531efbd4fd88b64a94079436851f56f1.png" alt="">
											</div>
										</a>
										<p class="nav-name">xiaomi 15</p>
										<p class="nav-price">4499起</p>
									</li>
									<li>
										<a href="">
											<div class="img-box">
												<img src="img/531efbd4fd88b64a94079436851f56f1.png" alt="">
											</div>
										</a>
										<p class="nav-name">xiaomi 15</p>
										<p class="nav-price">4499起</p>
									</li>
								</ul>
								<ul class="nav-list-dateils">
									<li>
										<a href="">
											<div class="img-box">
												<img src="img/b5de7ae24c438974939453553420f1a0.png" alt="">
											</div>
										</a>
										<p class="nav-name">xiaomi 15</p>
										<p class="nav-price">4499起</p>
									</li>
									<li>
										<a href="">
											<div class="img-box">
												<img src="img/b5de7ae24c438974939453553420f1a0.png" alt="">
											</div>
										</a>
										<p class="nav-name">xiaomi 15</p>
										<p class="nav-price">4499起</p>
									</li>
									<li>
										<a href="">
											<div class="img-box">
												<img src="img/b5de7ae24c438974939453553420f1a0.png" alt="">
											</div>
										</a>
										<p class="nav-name">xiaomi 15</p>
										<p class="nav-price">4499起</p>
									</li>
									<li>
										<a href="">
											<div class="img-box">
												<img src="img/b5de7ae24c438974939453553420f1a0.png" alt="">
											</div>
										</a>
										<p class="nav-name">xiaomi 15</p>
										<p class="nav-price">4499起</p>
									</li>
									<li>
										<a href="">
											<div class="img-box">
												<img src="img/b5de7ae24c438974939453553420f1a0.png" alt="">
											</div>
										</a>
										<p class="nav-name">xiaomi 15</p>
										<p class="nav-price">4499起</p>
									</li>
									<li>
										<a href="">
											<div class="img-box">
												<img src="img/b5de7ae24c438974939453553420f1a0.png" alt="">
											</div>
										</a>
										<p class="nav-name">xiaomi 15</p>
										<p class="nav-price">4499起</p>
									</li>	
								</ul>
							</div>
						</div>
					</ul>
					<ul class="nav-bar-serve">
						<li><a href="">服务中心</a></li>
						<li><a href="">社区</a></li>
					</ul>
				</div>
				<!-- 搜索框区域 -->
				<div class="search">
					<form action="">
						<input class="search-text" id="search-input" type="text" placeholder="热水器">
						<div class="search-list">
							<ul>
								<li><a href="">手机换新</a></li>
								<li><a href="">小米手环9</a></li>
								<li><a href="">笔记本</a></li>
								<li><a href="">Redmi K70至尊版</a></li>
								<li><a href="">门锁</a></li>
								<li><a href="">热水器</a></li>
								<li><a href="">充电宝</a></li>
							</ul>
						</div>
						<button id="search-btn" class="search-button iconfont icon-sousuo"></button>
					</form>
				</div>
			</div>
		</div>
		<!-- 白色导航区域结束 -->
		<!-- 详情页的类别开始 -->
		<div class="product-xl">
			<div class="product-box">
				<div class="wrap">
					<h2>Xiaomi 15 系列</h2>
					<div class="right">
						<a href="">用户评价</a>
					</div>
				</div>
			</div>
			<div id="product-box" class="product-box product-box-hidden">
				<div class="wrap">
					<h2>Xiaomi 15 系列</h2>
					<div class="right">
						<a href="">用户评价</a>
					</div>
				</div>
			</div>
		</div>
		<!-- 详情页的类别结束 -->
		<!-- 提示登录的区域开始 -->
		<div class="login-tip">
			<p>
				为方便您购买，请提前登录
				<span class="login"><a href="">立即登录</a></span>
				<span class="remove">x</span>
			</p>
		</div>
		<!-- 提示登录的区域结束 -->
		<!-- 商品详情区域开始 -->
		<div class="product-details-info">
			<div class="wrap">
				<div class="product-details">
					<!-- 左边轮播 -->
					<div class="product-img-left">
						<div class="banner-box">
							<div class="banner-img"><img src="img/pms_1730124020.8613571.png" alt=""></div>
							<div class="banner-img"><img src="img/pms_1730124020.8676597.png" alt=""></div>
							<div class="banner-img"><img src="img/pms_1730124020.81653464.png" alt=""></div>
							<div class="banner-img"><img src="img/pms_1730124020.81975836.png" alt=""></div>
							<div class="banner-img"><img src="img/pms_1730124020.83095417.png" alt=""></div>
							<div class="banner-img"><img src="img/pms_1730124020.85532513.png" alt=""></div>
							<div class="box-left iconfont icon-shangyiye"></div>
							<div class="box-right iconfont icon-xiayiye"></div>
							<!-- 放大镜的块 -->
							<div class="zoom"></div>
							<!-- 放大的图片的块 -->
							<div class="zoom-big-img">
								<img src="img/pms_1730124020.8613571.png" alt="">
							</div>
							<div class="box-circle">
								<ul>
									<li class="btn-circle"></li>
									<li class="btn-circle"></li>
									<li class="btn-circle"></li>
									<li class="btn-circle"></li>
									<li class="btn-circle"></li>
									<li class="btn-circle"></li>
								</ul>
							</div>
						</div>
					</div>
					<!-- 左边轮播结束 -->
					<!-- 右边商品选项 -->
					<div class="product-text-right">
						
						<h2>Xiaomi 15 系列</h2>
						<p class="sale-desc">
							<span>「至高24期免息」</span>徕卡光学 Summilux 高速镜头｜骁龙®8至尊版移动平台｜小米澎湃OS 2｜全生态AI助手 超级小爱｜低功耗超级阳光屏
						</p>
						<p class="info" title="企业名称：小米通讯技术有限公司
企业执照注册号：91110108558521630L
企业地址：北京市海淀区西二旗中路33号院6 号楼9层019号
企业电话：400-100-5678
营业期限：2010年08月25日 至 2040年08月24日
经营范围：开发手机技术、计算机软件及信息技术；技术检测、技术咨询、技术服务、技术转让；计算机技术培训；系统集成；货物进出口、技术进出口、代理进出口；家用电器、通信设备、广播电视设备（不含卫星电视广播、地面接收装置）、机械设备、电子产品、文化用品的批发零售；维修仪器仪表；销售医疗器械I类、II、III类、针纺织品（含家纺家饰）、服装鞋帽、日用杂货、工艺品、文化用品、体育用品、照相器材、卫生用品（含个人护理用品）、钟表眼镜、箱包、家具（不从事实体店铺经营）、小饰品、日用品、乐器、自行车、智能卡；计算机、通讯设备、家用电器、电子产品、机械设备的技术开发、技术服务；销售金银饰品（不含金银质地纪念币）；家用空调的委托生产；委托生产翻译机；销售翻译机、五金交电（不含电动自行车）、厨房用品、陶瓷制品、玻璃制品、玩具、汽车零配件、食用农产品、花卉、苗木、宠物用品、建筑材料、装饰材料、化妆品、珠宝首饰、通讯设备、卫生间用品、农药；生产手机（仅限在海淀区永捷北路2号三层生产及外埠生产）；出版物批发；出版物零售；销售食品。（销售第三类医疗器械以及销售食品以及依法须经批准的项目，经相关部门批准后依批准的内容开展经营活动。）">
							小米自营
						</p>
						<p class="price-info">
							4499元
						</p>
						<div class="line"></div>
						<!-- 收货地址 -->
						<div class="address-box">
							<div class="address-iconfont">
								<i class="iconfont icon-dingwei"></i>
							</div>
							<div class="address-con">
								<div class="address-info">
									<span>北京</span>
									<span>北京市</span>
									<span>海淀区</span>
									<span>清河街道</span>
								</div>
								<a href="" class="edit">修改</a>
								<div class="shop-desc">
									<span>有现货</span>
								</div>
							</div>
							
						</div>
						<!-- 商品选项 -->
						<div class="buy-option">
							<div class="buy-box-child option-product">
								<div class="option-box">
									<div class="title">选择产品</div>
									<ul class="clearfix">
										<li title="Xiaomi 15 Pro" class="buy-option-default">Xiaomi 15 Pro</li>
										<li title="Xiaomi 15" class="buy-option-default buy-option-active">Xiaomi 15</li>
										<li title="Xiaomi 15 定制版" class="buy-option-default">Xiaomi 15 定制版</li>
									</ul>
								</div>
							</div>
							<div class="buy-box-child  option-version">
								<div class="option-box">
									<div class="title">选择版本</div>
									<ul class="clearfix">
										<li title="12GB+256GB" class="buy-option-default buy-option-active">12GB+256GB</li>
										<li title="12GB+512GB" class="buy-option-default">12GB+512GB</li>
										<li title="16GB+512GB" class="buy-option-default">16GB+512GB</li>
										<li title="16GB+1TB" class="buy-option-default">16GB+1TB</li>
									</ul>
								</div>
							</div>
							<div class="buy-box-child  option-color">
								<div class="option-box">
									<div class="title">选择颜色</div>
									<ul class="clearfix">
										<li title="黑色" class="buy-option-default">黑色</li>
										<li title="白色" class="buy-option-default buy-option-active">白色</li>
										<li title="浅草色" class="buy-option-default">浅草色</li>
										<li title="丁香紫" class="buy-option-default">丁香紫</li>
										<li title="亮银版" class="buy-option-default">亮银版</li>
									</ul>
								</div>
							</div>
							<div class="btn-box">
								<button class="into-cart">加入购物车</button>
								<button class="collect"><i class="iconfont icon-aixin"></i> 收藏</button>
							</div>
							<div class="after-sale-info">
								<span class="support"><i class="iconfont icon-yuanquangouxuan"></i>小米自营</span>
								<span class="support"><i class="iconfont icon-yuanquangouxuan"></i>发货说明</span>
								<span class="support"><i class="iconfont icon-yuanquangouxuan"></i>7天无理由退货(到店自取拆封后不支持)</span>
								<span class="support"><i class="iconfont icon-yuanquangouxuan"></i>运费说明</span>
								<span class="support"><i class="iconfont icon-yuanquangouxuan"></i>企业信息</span>
								<span class="support"><i class="iconfont icon-yuanquangouxuan"></i>7天价格保护</span>
							</div>					
						</div>	
					</div>
					<!-- 右边商品详情结束 -->
				</div>
			</div>
		</div>
		<!-- 商品详情区域结束-->
		<!-- 价格说明开始 -->
		<div class="price-info">
			<div class="wrap">
				<h2>价格说明</h2>
				<div class="info-img">
					<img src="img/43e2954feb6d1b108438481f1d5b0bd3.png" alt="">
				</div>
			</div>
		</div>
		<!-- 价格说明结束 -->
		
		<!-- 页脚部分开始 -->
		<div class="footer">
			<div class="wrap">
				<div class="footer-service">
					<ul>
						<li>
							<a href="">
								<i class="iconfont icon-banshou"></i>
								<span> 预约维修服务</span>
							</a>
						</li>
						<li>
							<a href="">
								<i class="iconfont icon-7tianwuliyoutuihuo"></i>
								<span> 七天无理由退货</span>
							</a>
						</li>
						<li>
							<a href="">
								<i class="iconfont icon-15tianmianfeihuanhuo24px"></i>
								<span> 15天免费换货</span>
							</a>
						</li>
						<li>
							<a href="">
								<i class="iconfont icon-liwu"></i>
								<span> 满69包邮</span>
							</a>
						</li>
						<li>
							<a href="">
								<i class="iconfont icon-dingwei"></i>
								<span>1100余家售后网点</span>
							</a>
						</li>
					</ul>
				</div>
				<div class="footer-link">
					<ul>
						<li>选购指南</li>
						<li><a href="">手机</a></li>
						<li><a href="">电视</a></li>
						<li><a href="">笔记本</a></li>
						<li><a href="">手机</a></li>
						<li><a href="">电视</a></li>
						<li><a href="">笔记本</a></li>
						<li><a href="">手机</a></li>
						<li><a href="">电视</a></li>
						<li><a href="">笔记本</a></li>
						<li><a href="">手机</a></li>
					</ul>
					<ul>
						<li>服务中心</li>
						<li><a href="">申请售后</a></li>
						<li><a href="">售后政策</a></li>
						<li><a href="">维修服务价格</a></li>
						<li><a href="">申请售后</a></li>
						<li><a href="">售后政策</a></li>
						<li><a href="">维修服务价格</a></li>
						<li><a href="">申请售后</a></li>
						<li><a href="">售后政策</a></li>
					</ul>
					<ul>
						<li>线下门店</li>
						<li><a href="">小米之家</a></li>
						<li><a href="">服务网点</a></li>
						<li><a href="">授权体验店/专区</a></li>
					</ul>
					<ul>
						<li>关于小米</li>
						<li><a href="">了解小米</a></li>
						<li><a href="">加入小米</a></li>
						<li><a href="">投资者关系</a></li>
						<li><a href="">可持续发展</a></li>
						<li><a href="">廉洁举报</a></li>
					</ul>
					<ul>
						<li>关注我们</li>
						<li><a href="">新浪微博</a></li>
						<li><a href="">官方微信</a></li>
						<li><a href="">联系我们</a></li>
						<li><a href="">公益基金会</a></li>
					</ul>
					<div class="footer-aside">
						<div class="footer-aside-top">
							<p class="phone-number">400-100-5678</p>
							<p class="work-time">8:00-18:00(仅收市话费)</p>
							<button><i class="iconfont icon-complain"></i>人工客服</button>
						</div>
						<div class="footer-aside-bottom">
							<p class="phone-number">400-180-8888</p>
							<div>
								<p class="work-time">8:00-18:00(仅收市话费)</p>
								<p class="work-time">适用于:MIX FOLD、巨屏电视系列</p>
							</div>
							<button><i class="iconfont icon-complain"></i>人工客服</button>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- 页脚结束 -->
		<!-- 版权区域开始 -->
		<div class="site-info">
			<div class="wrap">
				<div style="height: 110px;">
					<div class="logo-bottom">
						<i class="iconfont icon-icon-xiaomiguishu"></i>
					</div>
					<div class="text-bottom">
						<p class="sites">
							<a href="">小米商城</a>
							<span>|</span>
							<a href="">小米澎湃OS</a>
							<span>|</span>
							<a href="">米家</a>
							<span>|</span>
							<a href="">多看</a>
							<span>|</span>
							<a href="">游戏</a>
							<span>|</span>
							<a href="">音乐</a>
							<span>|</span>
							<a href="">政企服务</a>
							<span>|</span>
							<a href="">小米天猫店</a>
							<span>|</span>
							<a href="">小米集团隐私政策</a>
							<span>|</span>
							<a href="">小米公司儿童信息保护规则</a>
							<span>|</span>
							<a href="">小米商城隐私政策</a>
							<span>|</span>
							<a href="">小米商城用户协议</a>
							<span>|</span>
							<a href="">问题反馈</a>
							<span>|</span>
							<a href="">Select Location</a>
						</p>
						<p class="sites">
							<a href="">北京互联网法院法律服务工作站</a>
							<span>|</span>
							<a href="">中国消费者协会</a>
							<span>|</span>
							<a href="">北京市消费者协会</a>
						</p>
						<p class="sites">
							&copy;
							<a href="">mi.com </a>
							京ICP证110507号
							<a href="">京ICP备10046444号 </a>
							<a href="">京公网安备11010802020134号 </a>
							<a href="">京网文[2023]0169-004号 </a>
							<br>
							<a href="">（京）网械平台备字（2018）第00005号 </a>
							<a href="">药品医疗器械网络信息服务备案 (京)网药械信息备字（2024）第00478号 </a>
							<a href="">营业执照 </a>
							<a href="">医疗器械质量公告 </a>
							<br>
							<a href="">增值电信业务经营许可证编号：京B2-20180851 </a>
							 网络食品经营备案 京食药网食备202010048  
							<a href="">食品经营许可证 </a>
							 新出发京批字第直220280号
							<br>
							违法和不良信息举报电话：171-5104-4404 
							<a href="">知识产权侵权投诉 </a>
							 本网站所列数据，除特殊说明，所有数据均出自我司实验室测试
						</p>
					</div>
				</div>
				<div class="bottom-img">
					<a href="">
						<img src="img/v-logo-2.png" alt="">
					</a>
					<a href="">
						<img src="img/icon3.png" alt="">
					</a>
					<a href="">
						<img src="img/ba10428a4f9495ac310fd0b5e0cf8370.png" alt="">
					</a>
					<a href="">
						<img class="link-img" src="img/f1ee261b96ae71e845efba398efeca02.png" alt="">
						<img class="link-img bottom-img-hidden" src="img/3317549782015232adfd8c4754be3027.png" alt="">
					</a>
				</div>
				<div class="page-bottom-text">
					<p>让全球每个人都能享受科技带来的生活</p>
				</div>	
			</div>
		</div>
		<!-- 版权区域结束 -->
		
		<!-- 右侧固定栏开始 -->
		<div class="right-menu">
			<ul>
				<li>
					<a href="">
						<i class="iconfont icon-shouji"></i>
						<p>手机APP</p>
					</a>
				</li>
				<li>
					<a href="">
						<i class="iconfont icon-denglu"></i>
						<p>个人中心</p>
					</a>
				</li>
				<li>
					<a href="">
						<i class="iconfont icon-banshou"></i>
						<p>售后服务</p>
					</a>
				</li>
				<li>
					<a href="">
						<i class="iconfont icon-kefu"></i>
						<p>人工客服</p>
					</a>
				</li>
				<li>
					<a href="">
						<i class="iconfont icon-gouwuche"></i>
						<p>购物车</p>
					</a>
				</li>
			</ul>
			<ul class="return-top right-menu-hidden">
				<li>
					<a href="">
						<i class="iconfont icon-huidingbu"></i>
						<p>回顶部</p>
					</a>
				</li>
			</ul>
		</div>
		
		
		
		<script src="js/topbar_nav.js"></script>
		<script src="js/details_js/top.js"></script>
		<script src="js/details_js/product_details_banner.js"></script>
		<script src="js/footer.js"></script>
		<script src="js/right_menu.js"></script>
	</body>
</html>